<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var setting = {
            data: {
                simpleData: {
                    enable: true
                }
            },
            check: {
                enable: true,
                autoCheckTrigger: true
            },
            async: {
                enable: true,
                url: "/menu/getInfoTree",
            },
            removeHoverDom: function(treeId, treeNode){
                $("#btnGroup"+treeNode.tId).remove();
            }
        };

        $(document).ready(function(){
            $.fn.zTree.init($("#treeDemo"), setting);

        });
    </script>
    <title>Title</title>
</head>
<body>
<div class="container-fluid" align="center">
    <div class="panel panel-primary" style="width:300px;">
        <div class="panel-body">
            <form id="role_add_form">
                <div class="form-group">
                    <label for="name">添加角色名称</label>
                    <input type="text" class="form-control" name="roleName" id="name"
                           placeholder="请输入角色名称">
                    <div id="tips"></div>
                </div>
                <div class="zTreeDemoBackground left">
                    <ul id="treeDemo" class="ztree"></ul>
                </div>
            </form>
        </div>
    </div>
</div>

</body>
</html>
